



            <center><h2>Registro del Producto </h2></center>

            <div class="form">
                <form  class="niceform" id="producto_form">

                    <fieldset>
                        <dl>
                            <dt><label for="txt_codigo">Codigo: </label></dt>
                            <dd><input title=" es importe" type="text" name="codigo"  id="txt_codigo" size="54" class="required"/></dd>
                        </dl>
                        <dl>
                            <dt><label for="cmb_cod_tipo_producto">Codigo Tipo del Producto:</label></dt>
                            <dd>
                                <select title=" elija el codigo" size="1" name="cod_tipo_producto" id="cmb_cod_tipo_producto"  >
                                    <?php
                                    $arr = array(1, 2, 3, 4);
                                  //  foreach ($codigo as &$value) {
                                    foreach ($codigo as &$value) {
                                        ?>
                                        <option title=""  value=<pre?php echo $value['codigo'];?> <?php echo $value['codigo'] ;?>  </option>
                                        <?php
                                    }

                                    unset($value); // break the reference with the last element
                                    ?>

                                </select>
                            </dd>
                        </dl>

                        <dl>
                            <dt><label for="txt_fecha">Fecha</label></dt>
                            <dd><input title="fechas " type="text" name="fecha" id="txt_fecha" size="45" class="required" /></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_precio">Precio</label>$</dt>
                            <dd><input title="precio" type="text" name="precio" id="txt_precio" size="54"  class="required Numbers"/></dd>
                        </dl>

                        <dl>
                            <dt><label for="txt_descripcion">Descripcion</label></dt>
                            <dd><input title="descripcion" type="text" name="descripcion" id="txt_descripcion" size="54" class="required"/></dd>
                        </dl>


                        <dl class="submit">
                            <input type="submit" name="guardar" id="guardar" value="Guardar" />
                            <input type="submit" name="modificar" id="modificar" value="Modificar" />

                            <input type="submit" name="eliminar" id="eliminar" value="Eliminar" />
                        </dl>
                        <dl class="submit">
                            <button type="button" onclick="buscar(); return false;">Buscar</button>
                            <input type="reset" value="Cancelar"/>
                        </dl>



                    </fieldset>

                </form>
            </div>


        </div><!-- end of right content-->


    </div>   <!--end of center content -->




<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>-->
<script>



    function buscar()
    {
        //alert("ssss");
        var  id=$('#txt_codigo').val();
        var  dataString='id='+id;
        // alert(dataString);
        $.ajax({
            url:"producto/buscarajax",
            type: "post",
            data: dataString,
            success: function(data)
            { //alert(data);
                var producto = $.parseJSON(data);
                $("#cmb_cod_tipo_producto"). val(producto[0].cod_tipo_producto);
                $("#txt_fecha"). val(producto[0].fecha);
                $("#txt_precio"). val(producto[0].precio);
                $("#txt_descripcion"). val(producto[0].descripcion);
            },
            error: function()
            {
                alert("error rebisa buscar");
            }
        });

    }
    $(document).ready(function () {
           // funcion de calendario
        $( "#txt_fecha" ).datepicker({
            showOn: "button",
            buttonImage: "img/images/calendar.gif",
            buttonText: "Select date"
        });

        $("#producto_form").validate();// validacion del form
        $('#guardar').click(function (e) {

            e.preventDefault();

            if($('#producto_from').valid());// validacion del botton
            {
                $.post('producto/guardar',$( "#producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
                return false;
            }// return false;
        });
        $('#modificar').click(function () {
            $.post('producto/modificar',$( "#producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });
        $('#eliminar').click(function () {
            $.post('producto/eliminar',$( "#producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });
    });
</script>

